<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>推荐我们</title>
<link href="css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="css/loading.min.css" />
<link href="fonts/iconfont.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<style>
.qrcode img{ height: 150px}
</style>
</head>
<body>
<div id="app">
	<header class="mui-bar mui-bar-nav in-bar">    
		<a href="javascript:window.hostory.go(-1)" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<a href="index.htm" class="mui-icon mui-icon-home mui-pull-left"></a>
		<h1 class="mui-title">推荐我们</h1>
	</header> 

	<div class="mui-content">
		<div class="box bg-white">
			<div style="border-bottom: 1px #ddd solid; margin-bottom: 10px; line-height: 30px">APP推荐</div>
			<div class="mui-row mui-text-center qrcode">
				<div class="mui-col-xs-6">
					<img src="images/andriod.png">
					<p>安卓系统</p>
				</div>
				<div class="mui-col-xs-6">
					<img src="images/ios.png">
					<p>苹果系统</p>
				</div>				
			</div>

			<div style="border-bottom: 1px #ddd solid; margin-bottom: 10px; line-height: 30px">关注我们</div>

			<div class="mui-row mui-text-center qrcode">
				<div class="mui-col-xs-6">
					<img src="images/hyzx.jpeg">
					<p>微信企业号：汇易资讯</p>
				</div>
				<div class="mui-col-xs-6">
					<img src="images/hysl.jpeg">
					<p>微信订阅号：汇易饲料</p>
				</div>
				<div class="mui-col-xs-6">
					<img src="images/hyzk.jpeg">
					<p>微信订阅号：汇易智库</p>
				</div>
				<div class="mui-col-xs-6">
					<img src="images/weibo.jpeg">
					<p>新浪微博</p>
				</div>
			</div>
			
			<div style="border-bottom: 1px #ddd solid; margin-bottom: 10px; line-height: 30px">把汇易网推荐给好友</div>

			<div class="bdsharebuttonbox">
				<ul class="gb_resItms">
					<li style="margin:0"><a href="#" data-cmd="weixin" class="bds_weixin" style="background-position:center;"></a><span>微信好友</span></li>
					<li style="margin:0"><a href="#" data-cmd="sqq" class="bds_tqq" style="background-position:center;"></a><span>QQ好友</span></li>
					<li style="margin:0"><a href="#" data-cmd="qzone" class="bds_qzone" style="background-position:center;"></a><span>QQ空间</span></li>
					<li style="margin:0"><a href="#" class="bds_tsina" data-cmd="tsina" style="background-position:center;"></a><span>新浪微博</span></li>	
				</ul>
			</div>			
		</div>
	</div>
</div>
<script src="js/mui.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/app.js"></script>
<script type="text/javascript">
//全局变量，动态的文章ID
var ShareURL = "";
//绑定所有分享按钮所在A标签的鼠标移入事件，从而获取动态ID
$(function () {
	$(".bdsharebuttonbox a").mouseover(function () {
		ShareURL = $(this).attr("data-url");
	});
});

/* 
* 动态设置百度分享URL的函数,具体参数
* cmd为分享目标id,此id指的是插件中分析按钮的ID
*，我们自己的文章ID要通过全局变量获取
* config为当前设置，返回值为更新后的设置。
*/
function SetShareUrl(cmd, config) {            
	if (ShareURL) {
		config.bdUrl = ShareURL;    
	}
	return config;
}

//插件的配置部分，注意要记得设置onBeforeClick事件，主要用于获取动态的文章ID
window._bd_share_config = {
	"common": {
		onBeforeClick: SetShareUrl, "bdSnsKey": {}, "bdText": ""
		, "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "24"
	}, "share": {}
};
//插件的JS加载部分
with (document) 0[(getElementsByTagName('head')[0] || body)
	.appendChild(createElement('script'))
	.src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='
	+ ~(-new Date() / 36e5)];
</script> 
<!--效果html结束-->
</body>
</html>